<template>
  <div class="dashboard-view">
    <topCard />
<!--    <chart-card />-->
<!--    <RankingCard/>-->
    <tipDialog :visible="visible" @onHandleClose="onHandleClose" />
  </div>
</template>

<script setup>
  import {ref} from 'vue';
  import { checkAuth } from '@/sheep/directives/auth';
  import topCard from '@/app/seller/admin/outline/components/top/index.vue';
  import ChartCard from './components/chart/index.vue';
  import RankingCard from './components/ranking/index.vue';
  import tipDialog from './components/dialog/index.vue';


  const visible = ref(false)

  const onHandleClose = (data) => {
    visible.value = data
  }
</script>

<style lang="scss" scoped>
  .dashboard-view {
    --sa-padding: 16px;
    padding-top: var(--sa-padding);
    :deep() {
      .card {
        background: var(--sa-background-assist);
        border-radius: 8px;
        border: 1px solid var(--sa-space);
        box-shadow: 0 2px 6px rgba(140, 140, 140, 0.12);
        margin-bottom: var(--sa-padding);
      }
    }
  }
</style>
